<!doctype html>
<html lang="">
   <head>
      <meta charset="utf-8">
      <meta http-equiv="x-ua-compatible" content="ie=edge">
      <title>北塔软件</title>
      <meta name="description" content="">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta content="telephone=no" name="format-detection" />
      <link rel="apple-touch-icon" href="static/assets/images/favicon.png" type="image/x-icon">
      <link rel="icon" href="static/assets/images/favicon.png" type="image/x-icon">
      <link rel="stylesheet" href="static/assets/css/font-awesome.min.css">
      <link rel="stylesheet" href="static/assets/css/animation.css">
      <link rel="stylesheet" href="static/assets/css/base.css">
      <link rel="stylesheet" href="static/assets/css/website-page.css">
      <link rel="stylesheet" href="static/assets/css/admin-page.css">
      <link rel="stylesheet" href="static/assets/css/style.css">
      <script src="static/assets/js/jquery.js"></script>
      <script src="static/assets/js/sortable.min.js"></script>
      <script src="static/assets/js/typed.js"></script>
   </head>
   <body>
      <header id="header" class="header pr" role="banner">
         <nav class="header-navbar" role="navigation"><!-- 滚动条往下滚动页面的时候头部固定效果 加类名fixed-top-->
            <div class="navbar-top">
               <div class="container clearfix">
                  <div class="navbar-left fl">
                     <div>欢迎来到BTSO3.0主题网站 <span class="ml20"><i class="fa fa-phone mr5"></i>技术服务热线：400-820-7719</span><span class="head_phonetxt"><span class="top_text ml50">当前所在企业：上海市电力公司-国家电网  </span><!-- <span class="top_text ml20">联系电话：138166999999</span> --></span></div>
                  </div>
                  <div class="navbar-right fr">
                    <span class="navbar-login none">
                      <a href="login.html"><i class="fa fa-user mr5"></i>登录</a>
                      <a href="phone-register.html"><i class="fas fa-sign-in mr5 ml20"></i>注册</a>
                    </span>
                    <!-- 登录后状态 去掉none即可-->
                    <span class="navbar-user "><a href="用户中心/admin-index.html"><i class="fa fa-user mr10"></i>张三，注册会员，下午好</a><a href="javascript:;" class="loginuser-exit">退出</a></span>
                  </div>
               </div>
            </div>
            <div class="sticky-wrapper nav-bgcol">
               <div class="container">
                  <div class="navbar-header clearfix pr">
                     <button type="button" id="navbar-phone" class="navbar-toggle navbar-btn btn-icon btn-circle pull-right collapsed">
                        <span class="fa fa-reorder"></span>
                     </button>
                     <a class="navbar-brand" href="index.html"><img src="static/assets/images/logo.png" alt=""></a>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-search"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-shopping-cart"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right visible-sm visible-xs"><i class="fa fa-pencil-square-o"></i></button>
                     <button type="button" class="navbar-btn btn-icon btn-circle pull-right last visible-sm visible-xs"><i class="fa fa-bell"></i></button>
                     <ul class="navbar-navphone none"> <!-- navbar-phone该层点击的时候toggle none -->
                       <li><a href="index.html">首页</a></li>
                       <li class="pr">
                        <a href="#">产品中心</a>
                        <ul class="">
                          <li>
                            <a class="dropdown-item" href="static-index.html">北塔BTSO 智慧运维平台</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="industry-case.html">北塔BTDO 业务保障系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="data-download.html">北塔BTSM IT服务管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="#">北塔BTIM IT综合管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="trial-apply.html">北塔BTRM IT资源管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-contrast.html">北塔BTDM 数据流分析系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">EMonitor 监控管家</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTCM IT运维集中管理软件</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTNM 网络运维管理系统</a>
                          </li>
                          <li>
                            <a class="dropdown-item" href="version-upgrade.html">北塔BTDP</a>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区</a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持</a>
                      </li>
                      <li>
                        <a href="admin-index.html" class="dropdown-toggle">用户中心</a>
                      </li>
                    </ul>
                  </div>
                  <div class="collapse navbar-collapse" id="main-navbar-container">
                    <ul class="nav navbar-nav pr hidden-md">
                      <li class="">
                        <a href="index.html" class="dropdown-toggle">首页<em>/</em></a>
                      </li>
                      <li class="dropdown active">
                        <a href="产品中心/product-center.html" class="dropdown-toggle">产品中心<em>/</em></a>
                        <div class="nav-menu-area clearfix">
                          <ul class="single-mega-item">
                            <li class="block">IT监控</li>
                            <li><a href="产品中心/common-problem.html">BTSO北塔智慧运维平台软件</a></li>
                            <li><a href="#">BTVD北塔视频质量诊断软件</a></li>
							<li><a href="产品中心/qx_becloudmc_reposition.html">BeCloud MC北塔端云IT智能监控管理软件</a></li>
                          </ul>
                          <ul class="single-mega-item">
                            <li class="block">IT管理</li>
                            <li><a href="#">BTSM北塔服务管理软件</a></li>
                            <li><a href="#">BTAM北塔IT资产管理系统</a></li>
                            <li><a href="#">BTRM北塔IT资源管理系统</a></li>
                            <li><a href="#">Portal北塔运维门户组件</a></li>
                          </ul>
                        </div>
                      </li>
                      <li>
                        <a href="product-404.html" class="dropdown-toggle">解决方案<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">注册管理<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">互动社区<em>/</em></a>
                      </li>
                      <li>
                        <a href="云端百货/vip-list.html" class="dropdown-toggle">云端百货<em>/</em></a>
                      </li>
                      <li>
                        <a href="#" class="dropdown-toggle">技术支持<em>/</em></a>
                      </li>
                      <li>
                        <a href="企业账户/admin-index.html" class="dropdown-toggle">企业账户</a>
                      </li>
                    </ul>
                   <!--  <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-calendar-check-o"></i></i><span class="circle-red">2</span></button>
                    </div> -->
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <button type="button" title="消息" class="navbar-btn btn-icon btn-circle dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i><span class="circle-red">2</span></button>
                    </div>
                    <div class="dropdown cart-dropdown navbar-right hidden-sm hidden-xs">
                      <a href="云端百货/website-feedback.html" title="反馈" class="navbar-btn btn-icon btn-circle navbar-right last"><i class="fa fa-pencil-square-o"></i></a>
                    </div>
                    <div class="dropdown hidden-sm hidden-xs btn-search pr"><!-- 点击搜索按钮加类名active -->
                      <button type="button" title="搜索" class="navbar-btn btn-icon btn-circle navbar-right last" data-toggle="collapse" data-target="#header-search-form"><i class="fa fa-search"></i></button>
                      <div class="search-box">
                        <input type="text" class="search-input">
                        <i class="fa fa-arrow-circle-o-right"></i>
                      </div>
                    </div>
                    
                  </div>
               </div>
            </div> 
         </nav>
      </header>
      <section class="section server-sectionbg">
        <div class="container">
          <!-- <h3 class="product-servertit"><span class="elements">欢迎访问北塔云服务中心</span></h3>
          <div class="tc scroll-down">
            <i class="product-mouseicon"></i>
            <i class="fa fa-angle-down"></i>
          </div> -->
          <div class="produce-serverbox clearfix">
            <div id="sortable1" class="produce-serverleft">
              <div class="serverbox-itembox">
                <div class="serverbox-head border-red clearfix">
                  <span class="serverbox-headtit"><i class="head-icon1"></i>小北公告</span>
                  <a href="product-noticelist.html" class="serverbox-morelink">查看更多></a>
                </div>
                <ul class="replies-items">
                  <li class="clearfix">
                    <div class="reply-avatar">
                      <span>小北</span>
                      <img src="static/assets/images/admin.png">
                    </div>
                    <div class="reply-rightbox">
                      <p class="time">刚刚</p>
                      <div class="reply-content">
                          <img class="bubble" src="static/assets/images/arrow.png">
                          <a href="产品中心/product-noticedetail.html">欢迎来到云服务中心。BTSO国产化版本正式上线，市场上大家正在抢购呢。</a><a class="product-noticelik" href="#">http://www.betasoft.com</a><a class="product-noticelik" href="产品中心/product-noticedetail.html">【详情】</a>
                          <p class="abstract_text">摘要内容，欢迎来到云服务中心。BTSO国产化版本正式上线，市场上大家正在抢购呢，欢迎来到云服务中心。BTSO国产化版本正式上线，市场上大家正在抢购呢，欢迎来到云服务中心。BTSO国产化版本正式上线，市场上大家正在抢购呢，欢迎来到云服务中心。BTSO国产化版本正式上线，市场上大家正在抢购呢</p>
                          <img class="reply-txtimg" src="static/assets/images/reply-img.png" alt="">
                      </div>
                    </div>
                  </li>
                  <li class="clearfix">
                    <div class="reply-avatar">
                      <span>小北</span>
                      <img src="static/assets/images/admin.png">
                    </div>
                    <div class="reply-rightbox">
                      <p class="time">13:32</p>
                      <div class="reply-content">
                          <img class="bubble" src="static/assets/images/arrow.png">
                          <a href="产品中心/product-noticedetail.html">听说一个叫小萌的人，通过回答酒馆老板求教的问题，成为了酒馆的问答之星，并且赚取了168个金豆子呢。</a><a class="product-noticelik" href="产品中心/product-noticedetail.html">【详情】</a>
                      </div>
                    </div>
                  </li>
                  <li class="clearfix">
                    <div class="reply-avatar">
                      <span>小北</span>
                      <img src="static/assets/images/admin.png">
                    </div>
                    <div class="reply-rightbox">
                      <p class="time">昨天8:23</p>
                      <div class="reply-content">
                          <img class="bubble" src="static/assets/images/arrow.png">
                          <a href="产品中心/product-noticedetail.html">以下链接是license相关常见问题及处置方法，您的问题小北稍后会给出详细答复。</a><br><a class="product-noticelik" href="#">http://www.betasoft.com</a><a class="product-noticelik" href="产品中心/product-noticedetail.html">【详情】</a>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="serverbox-itembox serverbox-message pr">
                <ul class="server-messageul">
                  <li class="clearfix"><i></i><a href="#">又有好友收了你的绿色能量</a><span>刚刚</span></li>
                  <li class="clearfix"><i></i><a href="#">支付助手：6个金豆成功到账</a><span>36分钟前</span></li>
                  <li class="clearfix"><i></i><a href="#">BTSO国产化版本正式上线</a><span>1小时前</span></li> 
                </ul>
                <div class="sermessage-button"><a href="用户中心/my-message.html"><i class="fa fa-angle-right"></i></a></div>
              </div>
              <div class="serverbox-itembox">
                <div class="serverbox-head border-green clearfix">
                  <span class="serverbox-headtit"><i class="head-icon2"></i>常见问题</span>
                </div>
                <div class="serverbox-questionbox">
                  <div class="serverbox-questionitem mt10">
                    <div class="panel-heading">
                      <a class="panel-title" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                        试用申请
                      </a>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in">
                      <ul class="questionitem-panelul">
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                        
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="serverbox-questionitem">
                    <div class="panel-heading">
                      <a class="panel-title collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> <!-- 点击时collapsed类名切换，默认有collapsed -->
                        运行配置
                      </a>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse"><!-- 加类名in显示 -->
                      <ul class="questionitem-panelul">
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                  <div class="serverbox-questionitem mb10">
                    <div class="panel-heading"><!-- 点击时collapsed类名切换，默认有collapsed -->
                      <a class="panel-title collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"><!-- 点击时collapsed类名切换，默认有collapsed -->
                        售后服务
                      </a>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse"> <!-- 加类名in显示 -->
                      <ul class="questionitem-panelul">
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                        <li class="problem-trialitem">
                          <i class="problem-icon"></i>
                          <div class="problem-itemcnt">
                            <h3>常见问题标题常见问题标题常见问题标题常见问题标题1?</h3>
                            <p>常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回答常见问题回</p>
                          </div>
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div id="sortable2" class="produce-serverright">
              <div class="serverbox-itembox">
                <div class="serverbox-head border-zs clearfix">
                  <span class="serverbox-headtit"><i class="head-icon3"></i>百家资讯</span>
                  <a href="产品中心/product-newlist.html" class="serverbox-morelink">查看更多></a>
                </div>
                <ul class="serverbox-newsbox">
                  <li class="clearfix">
                    <div class="newsbox-img">
                      <img src="static/assets/images/news-img1.jpg" alt="">
                      <p>5分钟前</p>
                    </div>
                    <div class="newsbox-detail">
                      <a href="#">路演中游说投资者：业务增长计划配得上900亿美元市值计划配得上900亿美元市值</a>
                      <p class="newsbox-abstract">Uber正试图向投资者表明，它可以...</p>
                      <p>来自：北塔原创</p>
                    </div>
                  </li>
                  <li class="clearfix">
                    <div class="newsbox-img">
                      <img src="static/assets/images/news-img2.jpg" alt="">
                      <p>15分钟前</p>
                    </div>
                    <div class="newsbox-detail">
                      <a href="#">新经济形势下，GMV增长如何再加速？ 聚焦“2019第四届全球品牌电商峰会”</a>
                      <p class="newsbox-abstract">2019 BECS第四届全球品牌电商峰...</p>
                      <p>来自：北塔原创</p>
                    </div>
                  </li>
                </ul>
              </div>
              <div class="serverbox-itembox">
                <div class="serverbox-head border-blue clearfix">
                  <span class="serverbox-headtit"><i class="head-icon4"></i>在线调研</span>
                  <span class="server-research"><i></i>待调研问题<em>79</em></span>
                  <a href="#" class="serverbox-morelink"><i class="fa fa-repeat mr5"></i>换一换</a>
                </div>
                <div class="serverbox-visitingbox">
                  <div class="visiting-slide none">
                    <div class="visiting-slideitem"> <!-- 单选题 -->
                      <p class="visiting-title">1、您企业的业务应用软件有在国产化设备上运行的吗？ </p>
                      <ul class="visiting-radiobox">
                        <li><i class="radio-icon active"></i>有</li>
                        <li><i class="radio-icon"></i>否</li>
                      </ul>
                    </div>
                    <div class="visiting-slideitem none"> <!-- 多选题 -->
                      <p class="visiting-title">1、您企业的业务应用软件有在国产化设备上运行的吗？您企业的业务应用软件有在国产化设备上运行的吗？ </p>
                      <ul class="visiting-checkbox">
                        <li><i class="check-icon active"></i>选项一</li>
                        <li><i class="check-icon active"></i>选项二</li>
                        <li><i class="check-icon"></i>选项三</li>
                        <li><i class="check-icon"></i>选项四</li>
                      </ul>
                    </div>
                    <div class="visiting-slideitem none"> <!-- 单行文本 -->
                      <p class="visiting-title">1、您企业的业务应用软件有在国产化设备上运行的吗？您企业的业务应用软件有在国产化设备上运行的吗？ </p>
                      <div class="visiting-inputbox"><input type="text" class="form-control form-control-lg"></div>
                    </div>
                    <div class="visiting-slideitem none"> <!-- 多行行文本 -->
                      <p class="visiting-title">1、您企业的业务应用软件有在国产化设备上运行的吗？您企业的业务应用软件有在国产化设备上运行的吗？ </p>
                      <div class="visiting-inputbox"><textarea type="text" class="form-control"></textarea></div>
                    </div>
                    <div class="visiting-button clearfix">
                      <a href="javascript:;" class="btn-green">上一页</a>  <!-- 置灰按钮 disabled类名 -->
                      <a href="javascript:;" class="btn-green">下一页</a>
                      <a href="javascript:;" class="btn-orange fr">提交</a>
                    </div>
                    <div class="visiting-nextbox">
                      <span>*答完所有页才可以提交噢！</span>
                    </div>
                  </div>
                  <div class="visiting-state1"><!-- 无题 去掉none即可显示-->
                    <i class="visiting-icon1"></i>
                    <p class="visiting-statetxt">题库已刷完，请点击右上角按钮继续答题</p>
                  </div>
                  <div class="visiting-state2 none"><!-- 提交成功 去掉none即可显示-->
                    <i class="visiting-icon2"></i>
                    <p class="visiting-statetxt">提交成功！</p>
                  </div>
                  <div class="visiting-state3 none"><!-- 没有问题 去掉none即可显示-->
                    <i class="visiting-icon3"></i>
                    <p class="visiting-statetxt">没有更多问题了，感谢您的参与！</p>
                  </div>
                </div>
              </div>
              <div class="serverbox-itembox">
                <div class="serverbox-head border-orange clearfix">
                  <span class="serverbox-headtit"><i class="head-icon5"></i>猜你喜欢</span>
                  <a href="产品中心/product-center.html" class="serverbox-morelink">查看更多></a>
                </div>
                <div class="serverbox-likebox">
                  <div class="likebox-linebox clearfix">
                    <div class="likebox-line"></div>
                    <div class="likebox-line"></div>
                    <div class="likebox-line"></div>
                  </div>
                  <ul class="likebox-detail clearfix">
                    <li><!-- 显示时去掉none，隐藏加none -->
                      <img src="static/assets/images/product/like-img1.jpg" alt="">
                      <a class="overlay" href="#">
                        <i class="fa fa-search"></i>
                        <div class="name">点击查看详情</div>
                      </a>
                    </li>
                    <li>
                      <img src="static/assets/images/product/like-img2.jpg" alt="">
                      <a class="overlay" href="#">
                        <i class="fa fa-search"></i>
                        <div class="name">点击查看详情</div>
                      </a>
                    </li>
                    <li>
                      <img src="static/assets/images/product/like-img3.jpg" alt="">
                      <a class="overlay" href="#">
                        <i class="fa fa-search"></i>
                        <div class="name">点击查看详情</div>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <div class="section-refresh" title="切换背景"><i class="fa fa-cog"></i></div>
      <footer class="footer">
        <div class="footer-copyright">
          <div class="container clearfix">
            <div class="foot-logo">
              <img src="static/assets/images/logo_foot.png" alt="">
            </div>
            <div class="foot-right fr">
              <ul class="copyright-menu clearfix">
                <li><a href="page-legal.html">法律声明</a></li>
                <li>|</li>
                <li><a href="#">关于北塔</a></li>
                <li>|</li>
                <li><a href="contact-us.html">联系我们</a></li>
                <li>|</li>
                <li><a href="#">会员权益介绍</a></li>
                <li>|</li>
                <li><a href="admin-create.html">管理员创建</a></li>
                <li>|</li>
                <li><a href="#">返回首页</a></li>
              </ul>
              <div class="copyright-txt">
                <span>2001-2018 © 上海北塔软件股份有限公司版权所有</span>
                <span class="ml20">沪ICP备09033812号</span>
              </div>
            </div>
          </div>
        </div>
      </footer>
      <div class="scroll-top">
        <i class="fa fa-angle-up"></i>
      </div>
      <div class="modal fade in" style="display: none; left: 50%; margin-left: -300px; right:auto; top: 20px;"><!-- style里的属性值正式用时要删除 -->
        <div class="modal-dialog">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">提示信息</h4>
            </div>
            <div class="modal-body">
              <p class="dialog-titlebox">尊敬的客户，您在XX企业的管理员账号已被申请变更，请及时处理！</p>
              <p class="dialog-smalltit">PUID:256444866654</p>
              <div class="ml30">
                <div class="registrar-infobox pr"><!-- 不显示加类名none -->
                  <p>本次上传文件包含信息如下： </p>
                  <ul class="registrar-infotxt clearfix">
                    <li>
                      <label>姓名：</label>
                      <span title="">张三</span>
                    </li>
                    <li>
                      <label>手机：</label>
                      <span title="">15362687498</span>
                    </li>
                    <li>
                      <label>企业邮箱：</label>
                      <span title="">allr@163.com</span>
                    </li>
                  </ul>
                </div>
                <div class="registrar-infobox"><!-- 不显示加类名none -->
                  <p>当前管理员信息如下： </p>
                  <ul class="registrar-infotxt clearfix">
                    <li>
                      <label>姓名：</label>
                      <span title="">张三</span>
                    </li>
                    <li>
                      <label>手机：</label>
                      <span title="">15362687498</span>
                    </li>
                    <li>
                      <label>企业邮箱：</label>
                      <span title="">allr@163.com</span>
                    </li>
                  </ul>
                </div>
                <p class="conform-text mt20">请确认以上信息，并选择"同意"或"拒绝"</p>
              </div>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-blue">同意</button>
              <button type="button" class="btn btn-gray">拒绝</button>
            </div>
          </div>
        </div>
      </div>
      <!-- <div class="modal-backdrop in fade"></div> --><!-- 弹窗后面的遮罩层 -->
   </body>
   <script>
    $(function(){
      var rightList = $("#sortable2");
      var leftList = $("#sortable1");
      var rightWidth = $("#sortable2").width();
      var leftList = $("#sortable1");
      var rightListH = rightList.height();
      var leftListH = leftList.height();
      var beginLeft = $("#sortable1").offset().left;
      var tttop = rightListH + 165 - $(window).height();
      var footheight = $(".footer").height();
      var leftwidth =  $("#sortable1").width();
      var winWidth = $(window).width();

      $(window).resize(function(){
          beginLeft = $("#sortable1").offset().left;
          fixedThird()
      })
      $(window).scroll(function(){
          fixedThird()
      })
      function fixedThird(){
          if (winWidth < 992) {
            return;
          }else{
            if (rightListH < leftListH) {
              tttop = rightListH + 165 - $(window).height();
              var scrollHeight = $(document).height() - ($(window).scrollTop() + $(window).height());
              console.log(scrollHeight);
              if($(window).scrollTop() >= tttop){
                var left = beginLeft + leftwidth;
                var bottom = 0;
                if (scrollHeight <= footheight) {
                  bottom = footheight - scrollHeight
                }
                rightList.css({
                    'position':'fixed',
                    'bottom':bottom + 'px',
                    'left':left+'px',
                    'margin-top': '0px',
                    'margin-left': '20px',
                    'width': rightWidth + 'px'
                });
              }else{
                  rightList.removeAttr('style');
              }
            }else{
              tttop = leftListH + 165 - $(window).height();
              var scrollHeight = $(document).height() - ($(window).scrollTop() + $(window).height());
              console.log(scrollHeight);
              if($(window).scrollTop() >= tttop){
                var left = beginLeft;
                var bottom = 0;
                if (scrollHeight <= footheight) {
                  bottom = footheight - scrollHeight
                }
                leftList.css({
                    'position':'fixed',
                    'bottom':bottom + 'px',
                    'left':left+'px',
                    'margin-top': '0px',
                    'margin-right': '10px',
                    'width': leftwidth + 'px'
                });
              }else{
                  rightList.removeAttr('style');
              }
            }
            
          }
      }

      new Sortable(sortable1, {
        animation: 150,
        group: "produce-serverleft .serverbox-itembox",
        scroll: true,
        handle: ".serverbox-head,.serverbox-message"
      });

      new Sortable(sortable2, {
        animation: 150,
        group: "produce-serverright .serverbox-itembox",
        scroll: true,
        handle: ".serverbox-head"
      });
      $(".modal-footer").on("click",".btn-blue",function(){
        $(this).closest(".modal").removeClass("in");
        $(this).closest(".modal").hide();
        $(".modal-backdrop").addClass("none");
      });

    });
   </script>
</html>